import React, {Component} from 'react';
import { View, StyleSheet, Text ,ScrollView} from 'react-native';
import NavigationBar from '../navigation/navigation-bar.view';
import MessagePageView from './message-page.view'
import Device from "@greens/device/src/device";

export default class MessageDemoPage extends Component{ 
    render(){ 
        return(
            <View style={styles.container}>
                <NavigationBar title='Message-page' />
                <ScrollView>
                    <MessagePageView 
                        style={{ height: Device.SCREEN_HEIGHT/2 }}
                        imageSource={require('./insurance_img.png')}
                        titleText='报价中'
                        contentText='车险报价需要5～30分钟，请耐心等待～'
                    />
                    <MessagePageView 
                        style={{ height: Device.SCREEN_HEIGHT / 2 }}
                        imageSource={require('./insurance_img.png')}
                        titleText='车险报价失败'
                        contentText='返回失败原因，接口会反馈的，这边都是文本。文本长度不确定。'
                        buttonText='重新报价'
                    />

                    <MessagePageView
                        style={{ height: Device.SCREEN_HEIGHT/2 }}
                        imageSource={require('./insurance_img.png')}
                        titleText='认证成功'
                        buttonText='知道了'
                    />
                </ScrollView>
            </View>
        );
    } 
}
const styles=StyleSheet.create({
    container:{
        flex:1 ,
        backgroundColor:'#f2f2f2f2'
    }
});